<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>

<body>
  <input type="text" id="txt">
</body>
<script>
  window.onload = function () { //页面加载完成事件
    var txt = document.getElementById("txt");
    // 键盘按下 onkeydown 和onkeypress
    // txt.onkeydown = function (e) {
    //   var e = e || window.event;//获取 事件对象 的兼容写法 
    //   // console.log(e)
    //   //键盘编码 e.keyCode  谷歌   火狐 e.which 
    //   var keyCode = e.keyCode || e.which
    //   console.log(keyCode)
    //   if (keyCode == 13) { //回车13 esc 27    space 32   alt 18 ctrl 17  shift 20  左 37  a 65    0--48 
    //     alert("你按下了回车")
    //   }
    // }
    // 键盘按下事件 onkeypress 
    // onkeypress和onkeydown   onkeypress  输入字符才出发  特殊按键不触发ctrl alt esc del 等
    // txt.onkeypress = function (e) {
    //   var e = e || window.event;
    //   var keyCode = e.keyCode || e.which;
    //   console.log(keyCode)
    // }

    //onkeyup 键盘抬起事件
    txt.onkeyup = function () {
      console.log("键盘抬起")
    }
  }

</script>

</html>